html,body{
    height:100% !important;
}

.page{
    box-sizing: border-box!important;/*为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制*/
    min-height: 100%!important;
    /* padding-bottom: 100px!important; */
    background-color: #f8f8f8!important;
}

.footer {
	margin-top:15px;
    height: 100px;
    background: #ffff;
    color: #999;
	
}

.footer .footerbox {
    text-align: center;
    font-size: 16px;
    line-height: 2em;
    padding: 20px 0;
    border-bottom: solid 1px #eeeeee46;
    width: 1280px;
    margin: 0 auto;
}

.footer .footerbox a {
    color: #ffffff;
}

.footer .bottom {
    text-align: center;
    font-size: 13px;
    line-height: 2em;
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-content{
    min-height: inherit !important;
    margin-bottom: 20px;
    background-color: #fff;
}


html {
    background-color: #fff;
}
body {
    background-color: #f8f8f8;
}

.content {
    width: 100%;
    background-color: #f8f8f8;
    overflow: hidden;
}

.header {
    width: 100%;
    margin: 0 auto;
    height: 64px;
    box-shadow: none;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
}

.headerbox {
    width: 1170px;
    margin: 0 auto;
    height: 64px;
    position: relative;
}

.headerbox .logo {
    float: left;
    line-height: 64px;
    margin-right: 10px;
}
.headerbox .logo img {
    width:auto;
	height: 36px;
}
.headerbox .nav a {
    font-size: 14px;
    line-height: 64px;
    font-weight: normal;
    width: 80px;
    text-align: center;
    display: inline-block;
    margin: 0px 15px;
    text-decoration: none;
    color:#fff;
}

.headerbox .nav a:hover {
    border-bottom: 4px #e61f18 solid;
    height: 60px;
    line-height: 64px;
    color:#e61f18;
}

.headerbox .nav .active {
    border-bottom: 4px #e61f18 solid;
    height: 60px;
    line-height: 64px;
    color:#e61f18;
}
.headerbox .user-op {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 64px;
    line-height: 64px;
}
.headerbox .user-op div {
    float: right;
    color: #fff;
}

.headerbox .user-op i {
    font-size: 28px;
    cursor: pointer;
}
.headerbox .user-op .userbox {
    width: 145px;
    cursor: pointer;
}
.headerbox .user-op .messagebox {
    width: 50px;
}
.headerbox .user-op .messagebox i {
    position: relative;
    color: #fff;
}
.headerbox .user-op .messagebox span {
    position: absolute;
    background-color: #d00000;
    color: #ffffff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    right: -5px;
    top: -5px;
}
.headerbox .user-op .resumebox {
    width: 50px;
}
.headerbox .user-op .logoutbox {
    width: 50px;
}
.headerbox .user-op .userbox .imgbox {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 10px;
}
.headerbox .user-op .userbox .imgbox img {
    vertical-align: top;
    width: 40px;
    height: 40px;
}
.headerbox .headerBtn{
    height: 32px;
    line-height: 32px;
    border-color: #e61f18 !important;
    color: #e61f18 !important;
    background-color: #fff !important;
    font-size: 14px !important;
    margin-bottom: 5px;
}

.numstyle {
    background-color: #e61f18;
    color: #ffffff;
    font-size: 12px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
}
.contact {
    width: 1170px;
    margin: 0 auto;
    /* background-color: #f8f8f8; */
}

.main {
    overflow: hidden;
    margin-top: 15px;
    width: 1170px;
    padding-bottom: 0px;
}

.mainL {
    width: 775px;
    margin-right: 15px;
    float: left;
	margin-bottom: 15px;
}

.search {
    
    height: 100px;
    background-color: #fff;
    /* display: flex;
    justify-content: center;
    flex-wrap: wrap; */
}
.search-cover{
	width:1170px;
	margin: 0 auto;
}
.searchBox {
    height: 64px;
    width: 705px;
    margin-right: 15px;
    /* float: left; */
    box-sizing: border-box;
    padding: 0px;
}

.searchInputBox {
    display: block;
    float: left;
    margin-top: 25px;
}
.searchInputBox-2 {
    display: flex;
    justify-content: center;
	float:none;
    margin-top: 0px;
}
.searchInputBox div {
    display: flex;
}

.searchInputBox .inputstyle {
    width: 675px;
    height: 38px;
	line-height: 38px;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0 10px 0 40px;
    box-sizing: border-box;
    background-image: url(../images/SEARCH.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 10px 10px;
}

.searchbutton {
    background: #e61f18;
    color: #ffffff;
    border: 0;
    padding: 0 20px;
    height: 38px;
	line-height: 38px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
	border-radius: 0px;
}

.searchbutton:hover {
    background: #e61f18;
    color: #ffffff;
    font-weight: 600;
}

.searchbutton:active {
    background: #e61f18;
    color: #ffffff;
    font-weight: 600;
}

.searchmore {
    background: transparent;
    border: 0;
    padding: 0 20px;
    font-size: 14px;
    height: 40px;
    font-weight: normal;
    color: #e61f18;
    cursor: pointer;
}

.searchmore:hover {
    color: #e61f18;
}

.searchtxt {
    padding: 0px;
}
.searchtxt a:hover{
	color: #e61f18;
}
.searchtxt span {
    font-weight: 600;
    color: #ffffff;
}

.searchtxt a {
    color: #666666;
    display: inline-block;
    margin-right: 10px;
}
.sm-ewm{
	display: flex;
	justify-content: flex-end;
	margin-top: 25px;
}
.recruitimg {
    width: 100%;
    height: 200px;
    margin-top: 20px;
}

.recruitimg img {
    width: 100%;
    height: 100%;
}

.recruitimg1 {
    width: 775px;
    height: 310px;
    overflow: hidden;
    float: left;
}

.recruitimg2 {
    width: 320px;
    height: 100px;
    overflow: hidden;
    float: left;
}

.recruitimg3 {
    width: 320px;
    height: 100px;
    overflow: hidden;
    float: left;
}

.mainR {
    width: 380px;
    height: 310px;
    overflow: hidden;
    float: left;
}

.login {
    width: 380px;
    height: 320px;
    box-sizing: border-box;
    border: #e61f18 solid 1px;
}

.login .tab-list {
    text-align: center;
    line-height: 40px;
    font-family: "黑体";
    height: 40px;
    border-bottom: none;
    box-sizing: border-box;
}

.login .tab-list li {
    float: left;
    border-right: none;
    width: 50%;
    cursor: pointer;
    font-size: 16px;
	
}

.login .tab-list li:last-of-type {
}

.login .tab-content li {
    width: 340px;
    height: 280px;
    text-align: center;
    margin-top: 0px;
}

.login .noclick {
    background: #ffbd86;
}

.login .click {
    background: #fff;
}

.login .companybox {
    padding: 20px;
    padding-top: 40px;
}

.login .companybox div {
    margin-bottom: 20px;
}

.login .companybox input {
    border: #d7d7d7 solid 1px;
    box-sizing: border-box;
    padding: 0 10px 0 35px;
}

.login .companybox .user input {
    background-image: url(../images/user.png) !important;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 6px 10px;
}

.login .companybox .password input {
    background-image: url(../images/lock.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 6px 10px;
}

.login .companybox .submit {
    display: flex;
    justify-content: space-between;
}

.login .companybox button {
    height: 40px;
    font-size: 16px;
    width: 120px;
    border: 0;
    cursor: pointer;
}

.login .companybox .loginButton {
    background-color: #e61f18;
    color: #ffffff;
}

.login .companybox button:hover::after {
    
}
.login .companybox .loginButton:hover {
    background-color: #e61f18;
    color: #ffffff;
	    opacity: 1;
}
.login .companybox .registerButton {
    background-color: #e61f18;
    color: #ffffff;
    position: relative;
}

.login .companybox .regtxt {
    text-align: right;
}

.login .companybox .regtxt a {
    font-size: 14px;
    color: #e61f18;
}

.login .personbox {
    padding: 30px;
    box-sizing: border-box;
}

.login .personbox img {
    width: 200px;
}

.login .personbox p {
    line-height: 2em;
    color: #666666;
    font-size: 16px;
}

.loginbox {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
}
.loginbox .loginboxedit{
    position: absolute;
    top: 0;
    right: 0;
}
.loginbox .loginimg {
    height: 100px;
    width: 100px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
}
.loginbox .loginname{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
    margin-bottom: 20px;
    color: #333333;
}
.loginbox .loginimg img {
    width: 100px;
    height: 100px;
}
.loginbox .resumedit{
    display:flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 20px;
}
.loginbox .resumedit li{
    color: #e61f18;
    width: 30%;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.loginbox .resumedit li a{
    color: #e61f18;
    width: 30%;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
.loginbox .resumedit li span{
    color: #666666;
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.main .mainTitle {
    background-image: url(../images/title-bg.png);
    background-repeat: no-repeat;
    width: 212px;
    height: 40px;
    color: #757575;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    margin: 20px auto;
}

.main .mainPostbox {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: flex-start; */
    /*overflow: hidden;*/
    /*width: 1170px;*/
}

.main .mainPostbox .postbox {
	/*width:380px;*/
    height: 240px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 15px;
    cursor: pointer;
	/*float: left;*/
}


.main .mainPostbox p {
    line-height: 1.5em;
    padding: 2px 0;
}

.main .mainPostbox .postitle {
    font-size: 18px;
    font-weight: 500;
    color: #081329;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
}
.postitle a{
	color: #081329;
}
.postitle a:hover{
	color: #e61f18;
}
.main .mainPostbox .postitle a{
    color: #081329;
}
.main .mainPostbox .postitle a:hover{
    color: #e61f18;
}
.main .mainPostbox .posttextsp {
    font-size: 16px;
    color: #e61f18;
    width: 40%;
    text-align: right;
}
.layui-bg-gray-cover{
    background: #f5f5f5;
    color: #666;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 3px;
    margin-right: 10px;
}
.main .mainPostbox .postext1 {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main .mainPostbox .postext2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}
.main .mainPostbox .postcompany {
    font-size: 16px;
    margin-top: 15px;
}
.postext3{
    font-size: 16px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.postext3 a{
    color: #666;
}
.postext3 a:hover{
    color: #e61f18;
}
.postext4{
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.postext-img{
    float: left;
    margin-right: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    width: 48px;
    height: 48px;
}
.main .mainPostbox .postcompany img {
    border-radius: 5px;
}

.main .mainMore {
    /*width: 340px;*/
    margin: 20px 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.main .mainMore a {
    width: 240px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    font-size: 16px;
    /*font-weight: 600;*/
    color: #e61f18;
    border: #e61f18 solid 1px;
    text-decoration: none;
    margin: 0 auto;
}

.main .mainMore a:hover {
    /*width: 340px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    background-color: #e61f18;
    /*display: block;*/
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*font-weight: 600;*/
    color: white;
    border: #e61f18 solid 1px;
    text-decoration: none;
}
.companyinfobox-2{
	
}
.companyinfobox-2 .tags-item{
	margin-bottom: 10px;
}
.main .mainCompanybox {
    
}
.companytext{
    padding: 15px 15px 0px 15px;

}
.companytext-2{
	background: #fff;
	margin-top: 15px;
	padding:15px;
}
.main .mainCompanybox .Companybox {
    /*width: 282px;*/
    height: 140px;
    margin: 0px;
    /*margin-bottom: 10px;*/
    position: relative;
    background: #fff;
    cursor: pointer;
	/*margin-left: 5px;*/
	/*margin-right: 5px;*/
	/*float: left;*/
}


.companytext1{
    width: 48px;
    height: 48px;
    border:1px solid #f2f2f2;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
}

.companytext1 img{
    border-radius: 5px;
}
.companytext2-1{
    font-size: 16px;
    font-weight: 500;
    color:#081329;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    padding: 2px 0;
}
.companytext2-1 a{
    color:#081329;
}
.companytext2-1-1{
    font-size: 24px;
    color:#fff;
}
.companytext2-1-1 a{
    color:#fff;
}
.companytext2-1 a:hover{
    color:#e61f18;
}
.companytext2-2{
    font-size: 12px;
    color:#999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    padding: 2px 0;
}
.companytext2-2-1{
    font-size: 14px;
    color:#fff;
}
.companytext2-3{
    padding: 5px 15px 0px 15px;
}
.companytext2-3 a{
    width: 45%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
}
.companytext2-3 a:hover{
    color: #e61f18;
    cursor: pointer;
}
.companytext2-3 span{
    width: 55%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    color: #999;
    font-size: 12px;
}
.maintitle-cover{
    width: 1170px !important;
    background: #fff;
    height: 64px !important;
    background-image: none !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #081329 !important;
    line-height: 64px;
    text-align: center !important;
    margin: 0px 0px 15px 0px !important;
    padding-left: 25px;
    box-sizing: border-box;
}
.maintitle-cover-2{
    background: #fff;
    background-image: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #081329 !important;
    text-align: left !important;
    margin: 15px 0px 0px 0px !important;
    box-sizing: border-box;
    width: 100% !important;
    padding: 15px;
    height: 64px !important;
}
.layui-tab-brief>.layui-tab-title .layui-this:after {
border-bottom: 4px solid #e61f18;
}


/*page fair*/

.fairbanner {
    background-image: url(../images/fairbannerbg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 1280px;
    height: 300px;
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    line-height: 2em;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fairmainPostbox {
    
}

.fairmainPostbox .fairpostbox {
    background: #ffffff;
    margin-bottom: 0px;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
}
.fairmainPostbox .fairpostbox-cover {
    /*width: 380px;*/
    height: 120px;
    /*margin-bottom: 10px;*/
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
    /*float: left;*/
}
.fairmainPostbox .fairpostbox:hover {
    
}

.fairmainPostbox .fairpostbox .postext2 {
    line-height: 1.5em;
    padding: 2px 0;
	margin-bottom: 10px;
}

.fairmainPostbox .fairpostbox .postitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.5em;
    padding: 2px 0;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fairmainPostbox .fairpostbox .posttextsp {
    font-size: 16px;
    color: #e61f18;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.fairmainPostbox .fairpostbox .postext1 {
    color: #999999;
    font-size: 14px;
	margin-bottom: 5px;
}

.fairmainPostbox .fairpostbox .postcompany {
    font-size: 16px;
}
.fairmainPostbox .fairpostbox .postcompany-cover {
    font-size: 12px;
}
.fairmainPostbox .fairpostbox .postcompany-cover a:hover {
    color: #e61f18;
}
.fairmainPostbox .fairpostbox .postcompany-cover span {
    font-size: 12px;
	color: #999;
    
}
.postcompany-cover img{
	width: 22px; height: 22px;margin-right: 5px; border:1px solid #f2f2f2; border-radius: 4px;
}
.fairmainPostbox .fairpostbox .postcompany img {
    
    margin-right: 5px;
}

/*page company*/

.companyInfo {
    box-sizing: border-box;
    padding: 30px 0;
    font-size: 16px;
    line-height: 2em;
}
.companyInfo-2{
	background: #fff;
	padding:0px 15px 15px 15px;
}
.companyInfo-2 .companyInfo{
	padding:0px;
}
.companylogo {
    font-size: 32px;
    font-weight: 600;
}

.companylogo img {
    height: 80px;
    margin-right: 20px;
}

.company-tags {
    display: flex;
    line-height: 24px;
    font-size: 14px;
    padding: 20px 0 0 0;
}

.company-tags .work-time {
    background-image: url(../images/clock.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-size: 20px 20px;
    padding-left: 25px;
    color: #336699;
    font-weight: 600;
    width: 300px;
    display: flex;
}

.company-tags .tags-item {
    width: 70px;
    margin-right: 10px;
    background-color: #336699;
    color: #ffffff;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    text-align: center;
}

.companyintroduce {
    font-size: 16px;
    line-height: 2em;
    text-align: left;
    color: #666666;
}

.companycontact {
    display: flex;
    font-size: 18px;
    flex-wrap: wrap;
}
.companycontact-2 {
    background: #fff;
	padding:0px 15px 15px 15px;
}
.companycontact div {
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 0px 22px;
    background-size: 20px 20px;
    padding: 15px 0 15px 25px;
    line-height: 2em;
}

.companycontact .person {
    background-image: url(../images/user-company.png);
    width: 33%;
}

.companycontact .phone {
    background-image: url(../images/telephone.png);
    width: 33%;
}

.companycontact .mail {
    background-image: url(../images/email.png);
    width: 33%;
}

.companycontact .location {
    background-image: url(../images/map.png);
    width: 100%;
}

/*page postlist*/

.postlist {
}

.postlistSearchbox {
}

/*page post*/
.postInfo {
    box-sizing: border-box;
    padding: 30px 0;
    background: #fff;
}
.postInfo .postlogo {
    font-size: 18px;
    font-weight: 600;

}

.postInfo .postlogo img {
    height: 30px;
}
.postInfo .postname {
    font-size: 28px;
    font-weight: bold;
    color: #081329;
}
.postInfo .price {
    font-size: 30px;
    color: #e61f18;
    margin-left: 40px;
}
.postInfo .postinfogroup span{
color: #ccc;
}
.postInfo .postinfogroup > div {
    color: #333;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.shoucang-cover{
    background: none;
}
.shoucang-cover button{
    background-color: #fff !important;
    color: #999;
    border: none !important;
    font-size: 14px;
}
.shoucang-cover button:hover{
    color: #e61f18;
}
.postinfobox {
    font-size: 16px;
    line-height: 2em;
    text-align: left;
    color: #666666;
	background: #fff;
	
}
.postcontact {
    display: flex;
	justify-content: space-between;
    font-size: 18px;
    background: #fff;
	margin-top: 15px;
	padding:15px;
}
.postlogo{
	    background: #fff;
    margin-top: 15px;
}
.postcontact div {
    
}

.postcontact .person {
    background-image: url(../images/user-company.png);
    width: 33%;
    font-size: 24px;
}

.postcontact .phone {
    background-image: url(../images/telephone.png);
    width: 33%;
}

.postcontact .mail {
    background-image: url(../images/email.png);
    width: 33%;
}
.postcontact .button {
    width: 33%;
}

.postcontact .CVsubmit {
    width: 100%;
}
.sidetitle{
    
    height: 40px;
    line-height: 40px;
    color: #757575;
    text-align: left;
    font-size: 20px;
    font-weight: 300;
    border-left: #e61f18 solid 5px;
    margin: 20px 0;
    padding-left: 20px;
    box-sizing: border-box;
    width: 100%;
}
.sidetitle .more{
    font-size: 14px;
    float: right;
    color: #e61f18;
}
.sidercontent .siderbox {
    width: 100%;
    background: #ffffff;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 20px;
    cursor: pointer;
    position: relative;
}

.sidercontent .siderbox:hover {
    box-shadow: #00000017 1px 1px 10px;
}

.sidercontent .siderbox p {
    line-height: 1.5em;
    padding: 2px 0;
}

.sidercontent .siderbox .postitle {
    font-size: 24px;
    font-weight: 600;
}

.sidercontent .siderbox .posttextsp {
    font-size: 16px;
    color: #e61f18;
    position: absolute;
    right: 20px;
    top: 20px;
}

.sidercontent .siderbox .postext1 {
    color: #999999;
    font-size: 16px;
}

.sidercontent .siderbox .postcompany {
    font-size: 20px;
}

.sidercontent .siderbox .postcompany img {
    width: 30px;
    margin-right: 10px;
}
.companyInfo .companyinfobox{
    width: 100%;
    color: #999999;
    font-size: 16px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}
.companyInfo .companyinfobox .tags-item{
    float: left;
    margin-right: 20px;
}

/*page companylist*/


/*page fairlist*/
.fairlistbanner {
    width: 1280px;
}
.fairlistbanner img {
    width: 100%;
}
.mainFairlistbox {
}
/* 弹窗 (background) */
.modal {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    z-index: 1; /* 设置在顶层 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* 弹窗内容 */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    padding-top: 50px;
    border: 1px solid #888;
    width: 300px;
    position: relative;
}

/* 关闭按钮 */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
}
.modal-text {
    text-align: center;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*person*/
.admin-login-background {
    width: 500px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -250px;
    margin-top: -100px;
}
.logo-title {
    text-align: center;
    letter-spacing: 2px;
    padding: 14px 0;
}
.logo-title h1 {
    color: #336599;
    font-size: 25px;
    font-weight: bold;
}
.logo-title img{
	/*width:280px;*/
    width:auto;
	height:36px;
}
.login-form {
    background-color: #fff;
    border: 1px solid #fff;
    /*border-radius: 3px;*/
    padding: 14px 20px;
    /*box-shadow: 0px 2px 10px #dddddd;*/
}
.login-form .layui-form-item {
    position: relative;
}
.login-form .layui-form-item label {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2;
}
.login-form .layui-form-item input {
    padding-left: 36px;
}
.captcha {
    width: 60%;
    display: inline-block;
}
.captcha-img {
    display: inline-block;
    width: 34%;
    float: right;
}
.captcha-img img {
    
    border: 1px solid #e6e6e6;
    height: 36px;
    width: 100%;
}


/*******扫码二维码***********/
.qrcodebox .qrcode-img {
    width: 190px;
    height: 190px;
    margin: 0 auto;
    position: relative;
}
.qrcodebox .qrcode-img .alt .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    background: #000;
}
.qrcodebox .qrcode-img .alt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    cursor: pointer;
}
.qrcodebox .qrcode-img .alt .void {
    height: 52px;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -26px;
    z-index: 11;
    text-align: center;
}

.qrcodebox .qrcode-img .txt{
    color: #fff;
}
.qrcodebox .layui-icon{
    font-size: 28px !important;
}
.layui-tab-brief-cover{
	padding:15px;
	margin: 0px;
}
.layui-tab-brief-cover > .layui-tab-title .layui-this {
    color: #e61f18 !important;
}
.layui-tab-brief-cover > .layui-tab-more li.layui-this:after, .layui-tab-brief-cover > .layui-tab-title .layui-this:after {
    border-bottom: 4px solid #e61f18 !important;
    border-color: #e61f18 !important;
}
.layui-tab-brief-cover .layui-tab-title li {
    font-size: 16px;
}
.code .getcode{
	position: absolute;
	right: 15px;
	top:9px;
	color: #e61f18;
}
.tips{
	text-align: center;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #e61f18 !important;
    background-color: #e61f18 !important;;
    color: #fff !important;;
}
.main-cover{
	color: #e61f18 !important;
}
.main-cover:hover{
	color: #e61f18 !important;
	text-decoration: underline !important;
}
.btn-main{
	background-color: #e61f18 !important;
    color: #ffffff !important;
}
.btn-main:hover{
	background-color: #e61f18 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}
.btn-border-main{
	background: none !important;
    color: #e61f18 !important;
	border: 1px solid #e61f18 !important;
}
.btn-border-main:hover{
	background-color: #e61f18 !important;
    color: #fff !important;
	border: 1px solid #e61f18 !important;
    opacity: 1;
}
.btn-primary-cover:hover{
	border: 1px solid #e61f18 !important;
}
.companyInfo-bg {
    background-image: url("../images/dalou.jpg");
    background-position-x: center;
}
.main-color{
    color:#e61f18;
    cursor: pointer;
}
.main-color:hover{
    opacity: .8;
}
.main-background{
    background: #e61f18;
    color: #ffffff;
    cursor: pointer;
}
.main-background:hover{
    opacity: .8;
}
.border-e6e6e6{
    border: 1px solid #e6e6e6;
}
.main-border{
    border-color: #e61f18;
}
.main-border:hover{
    opacity: .8;
}
.main-btn-border{
    border-color: #e61f18;
    color: #e61f18;
}
.main-btn-border:hover{
    opacity: .8;
}